<template>
    <view class="content">
        <view class="eva-item" v-for="(item, index) in 3" :key="index">
        	<image src="../../static/icon/avatar.png" class="avatar"></image>
        	<view class="u-flex-1">
        		<view class="name">用户名</view>
        		<view class="eva-text">星巴克 海盐焦糖馥芮白大杯星巴克 海盐焦糖馥芮白大杯 杯子很漂亮质量很好</view>
        		<view class="eva-img">
        			<image src="../../static/del/8.png" v-for="(el, ind) in 4" :key="ind"></image>
        		</view>
        		<view class="eva-time">2024-04-20 08:36</view>
				<view class="reply">
					<text>商家回复：</text>感谢您的支持感谢您的支持感谢您的支持感谢您的支持感谢您的支持感谢您的支持
				</view>
        	</view>
        </view>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                
            };
        },
        onLoad() {
            
        },
        methods: {
            
        }
    };
</script>

<style lang="scss">
    page{
        background-color: #ffffff;
		border-top: 2rpx solid #e6e6e6;
    }
	.content{
		padding: 0 20rpx;
	}
	.eva-item{
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		padding: 30rpx 0;
		border-bottom: 2rpx solid #e6e6e6;
	}
	.eva-item:last-child{
		border-bottom: none;
	}
	.avatar{
		width: 73rpx;
		height: 73rpx;
		border: 2rpx solid #e6e6e6;
		border-radius: 50%;
		margin-right: 20rpx;
	}
	.name{
		font-size: 30rpx;
		font-weight: bold;
		white-space: pre-line;
		word-break: break-all;
	}
	.eva-text{
		font-size: 26rpx;
		white-space: pre-line;
		word-break: break-all;
		padding-top: 10rpx;
	}
	.eva-img{
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: center;
	}
	.eva-img>image{
		width: 184rpx;
		height: 184rpx;
		border: 2rpx solid #e6e6e6;
		border-radius: 10rpx;
		margin-right: 15rpx;
		margin-top: 20rpx;
	}
	.eva-time{
		font-size: 24rpx;
		padding-top: 30rpx;
	}
	.reply{
		padding: 20rpx 30rpx;
		margin-top: 20rpx;
		background-color: #f5f5f5;
		border-radius: 15rpx;
		font-size: 26rpx;
		white-space: pre-line;
		word-break: break-all;
		color: #666666;
	}
	.reply>text{
		color: #000;
		white-space: pre-line;
		word-break: break-all;
		
	}

</style>
